<template>
  <!-- 创建时间：2023/5/7 -->
  <!-- 作者：admin -->
  <!-- MyButton组件说明： 自定义按钮-->
    <div class="my-btn">
        <span>
            <slot></slot>
        </span>
    </div>
</template>

<script>
export default {
    name: "MyButton",
    props: ['']
}
</script>

<style scoped lang="less">
@import "@/assets/less/common";
//加载更多按钮
.my-btn {
  text-align: center;
  font-size: .85vw;
  font-weight: 700;
  margin: .8vw 0;

  > span {
    display: inline-block;
    width: 5vw;
    height: 1.8vw;
    line-height: 1.8vw;
    opacity: .7;
    background-color: @mouseHover;
    border-radius: .5vw;
    cursor: pointer;
    transition: all .2s ease;

    &:hover {
      background-color: @bgColor;
      color: @mainColor;
    }
  }
}
</style>